<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">
			
	
	<br/>
	<f:loadBundle basename="mensajes" var="msgs" />	
	<h1>
		<h:outputText value="#{msgs['login.titulo']}" />
	</h1>
		
	<h:messages errorStyle="color: red;" />	
	<h:outputText value="#{loginBean.mensaje}" style="color:red;" />
	
	<h:panelGrid columns="2">
		<h:outputLabel for="usrName" value="#{msgs['login.usuario.usrName']}" />
		<h:inputText id="usrName" value="#{loginBean.usrName}" required="true" label="#{msgs['login.usuario.usrName']}" />
	
		<h:outputLabel for="password" value="#{msgs['login.usuario.password']}" />
		<h:inputSecret id="password" value="#{loginBean.password}" required="true" label="#{msgs['login.usuario.password']}" />
	
		<h:panelGroup>
			<h:commandButton id="btnIngresar" value="#{msgs['boton.ingresar']}" action="#{loginBean.autenticar}" />
		</h:panelGroup>
	</h:panelGrid>	
</ui:composition>